<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Axios案例</title>
	</head>
	<body>
		<h1>Axios远程调用练习</h1>
		<script src="../js/axios.js"></script>
		<script>
			//编辑远程Ajax请求。
			/* 1.promise对象解决传统ajax中的回调地狱问题
			   2.Axios封装了promise对象，异步调用更加简洁
			   3.常见请求类型：1.get(查) 2.post(form表单) 
							  3.put(改) 4.delete(删除)
			   4.分组：用法相同：get/delete   post/put
			   注意事项：默认条件下通过浏览器只能发起get请求
			 */
			/* 1.Axios入门案例-get请求
				原始方式：参数：1.url地址  2.请求参数  3.回调函数
				axios方式：参数：1.url地址  2.请求参数
						关键字：then（回调函数）
			*/
			/* GET请求的方式与delete请求的方式一样 */
			//1.删除name="xxx"的数据，使用params对象的方式实现
			//2.删除name="xxx"的数据 sex="xxx"，使用restful对象的风格实现
			//let data = ''
			let user={
				name:'晚上吃什么'
			}
			axios.delete("http://localhost:8090/deleteName",{
				params:user
			}).then(result => {
					//data = result
					//result返回值是一个promise对象
					//动态获取服务器返回值使用result.data的方式
					console.log(result.data)
				})
				
			
			axios.delete("http://localhost:8090/US/宵夜吃什么/女")
			.then(result => {
				console.log(result.data)
			})
			
			
			
			
			
			
				
				
				
			
		</script>
	</body>
</html>
